/*bootstrap 模态框默认样式修改*/
div.in {
    filter: alpha(opacity=50);
    opacity: .5
}
.fade.in {
    opacity: 1;
    background: rgba(238,238,238,0.5);
}
.modal-body {
}
.modal-dialog {
    position: relative;
    width: 50%;
    margin: auto;
    /* padding: 40px 0; */
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid white;
    border-radius: 6px;
    outline: 0;
    box-shadow: 0 0px 0px;
    padding: 30px 0;
    text-align: center;
}
/* 通用样式 */
html {
    -webkit-text-size-adjust:none
}
/* 点击 */
.clicked {
    border-radius: 3px;
    box-shadow: 1px 1px 1px gray inset;
}
.bg-click {
    background-color: lightgray;
}
.hid {
    visibility: hidden;
}
.tips {
    margin-top: 100px;
    text-align: center;
}
#allmap {
    height:500px;
    width:100%;
    height: 93vh;
}
/*.header-vh {
    height: 7vh !important;
}*/
/*reset css*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {
    padding: 0;
    margin: 0;
}
body{
    font-family: "微软雅黑";
    overflow-x: hidden;
    z-index: 10000;
    touch-action: none;
}
input:focus,textarea:focus,button:focus {
    outline: none;
    background-color: #ffffff;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img, abbr {
border: 0;
}
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var {
    font-weight: normal;
    font-style: normal;
}
ul {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1.0em;
}
q:before, q:after {
content: "";
}
a, ins {
text-decoration: none;
}
a:visited,a:hover,a:active {
text-decoration: none;
}
.default-pad {
    padding-left: 17px;
    padding-right: 20px;
}
/*login page*/


#header,.header {
    height: 50px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid rgb(240, 240, 240);
}

.nav-back,.info-prev {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    color: rgb(0,170,144);
    padding-left: 28px;
    background-image: url('../images/back-icon.png');
    background-origin: padding-box;
    background-size: 29px;
    background-position-x: 5px;
    background-position-y: 12px;
    background-repeat: no-repeat;
}
.nav-back + span {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: normal;
    color: rgb(0,170,144);
    padding-right: 20px;
    width: 56px;
    height: 100%;
}
.register-title,.btn-user-set,.btn-edit {
	display: inline-block;
	float: right;
    font-size: 14px;
    font-weight: normal;
	color: rgb(0,170,144);  
	padding-right: 20px;
    width: 56px;
    height: 100%;
}
.btn-user-set {
    background-image: url("../images/user-set-icon.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    background-size: 23px;
}
.login-context {
    height: 66px;
    padding-left: 50px;
    border-bottom: 1px solid rgb(240, 240, 240);
}
input:disabled{
    background: none;
    color: rgb(129, 129, 129);
}
.login-f-psd {
    overflow: hidden;
}
.login-f-psd .f-psd {
    float: right;
    display: block;
    padding-right: 20px;
    color: rgb(0,170,144);
}
.psd {
    border-bottom: none;
}
.login-context label {
	padding: 20px 0;
	font-weight: normal;
	color: rgb(129,129,129);
}
.login-context input {
    margin: 16px 0;
    margin-left: 20px;
    width: 60%;
    height: 34px;
    border: none;
    color: rgb(129, 129, 129);
}
#idfCode {
    width:40%;
}
.login-context input:focus {
	outline: none;
}
.btn-submit {
	border: none;
	width: 100%;
	color: rgb(0, 170, 144);
	background-color: rgb(251, 251, 251);
	height: 50px;
	word-spacing: 6px;
}
.btn-info-next {
    display: block;
    margin-top: 10px;
}
.btn-submit:focus {
    outline-color: rgb(168,216,185);
}
#footer {
	position: absolute;
	bottom: 0;
	height: 150px;
	width: 100%;
	border-top: 1px solid rgb(180,180,180); 
}
.footer-title {
	font-size: 12px;
}
.title-content {
    position: relative;
    width: 44%;
    margin: auto;
    text-align: center;
    top: -8px;
    color: rgb(185,185,185);
    background-color: white;
}
.partner-content {
    height: 100%;
    width: 100%;
    padding: 20px;
    margin-top: 10px;
}
.partner-content ul {
	height: 50%;
	width: 100%;
}
.partner-content ul li {
	height: 100%;
	width: 33%;
	float: left;
}
.partner-icon {
    display: block;
    margin: auto;
    height: 100%;
    width: 77px;
    background-image: url('../images/partners.png');
    background-position: left;
    background-size: 286px;
    background-repeat: no-repeat;
}
.wc {
	background-position: center;
}
.si {
	background-position: right;
}
.register {
    padding-left: 36px;
    position: relative;
    border-bottom: none;
}
.register-idfPsd {
    padding-left: 22px;
    border-bottom: none;
}
.new-psd {
    display: none;
    padding-left: 36px;
}
.btn-sendCode {
    position: absolute;
    right: 30px;
    top: 18px;
    border: 0px;
    border-radius: 4px;
    background: rgb(168,216,185);
    padding: 6px 5px;
    color: white;
    font-size: 12px;
    text-align: center;
}
.sent {
    /*background: rgb(220,220,220);*/
    background: rgb(138, 138, 138);
    color: white;
    width: 70px;
    text-align: center;
}
.btn-sendCode:focus {
    outline: none;
    background: rgb(168,216,185);
}
/*         register perfect information        */
#content-box {
    width: 100%;
    height: auto;
    position: relative;
}
#content-box .content {
    position: absolute;
    width: 100%;
    height: auto;
    border-top: 1px solid rgb(240, 240, 240);
}
.local-pos {
    height: 40px;
    line-height: 40px;
    padding-left: 17px;
}
.usualArea {
    height: 30px;
    line-height: 30px;
    background-color: rgb(251, 251, 251);
    color: rgb(0,170,144);
    padding-left: 17px;
}
/*.info-fir,.info-snd,.info-third {
    padding-left: 17px;
    border-top: 1px solid rgb(240, 240, 240);
}*/
.prefer-seller,.prefer-type,.cook-type {
    height: 30px;
    line-height: 30px;
    background-color: rgb(251, 251, 251);
    color: rgb(0,170,144);
    border-bottom: 1px solid rgb(240, 240, 240);
    padding-left: 17px;
}
.cook-type,.taste-type,.kind-type {
    border: none;
    color: rgb(100,100,100);
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid rgb(240, 240, 240);
}
.taste-type,.kind-type {
    border-top: none;
}
.type-list {
    overflow: hidden;
    padding: 10px 0;
}
.type-list ul {
    padding: 0 20px 0px 17px;
    height: 30px;
    margin: auto;
    margin-bottom: 10px;

}
.type-list ul li {
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 20%;
    float: left;
    margin-right:  3.3%;
    margin-left:  3.3%;
    border-radius: 3px;
    background-color: rgb(229,243,234);
    background-image: url("../images/choseStatus.png");
    background-repeat: no-repeat;
    background-position-x: 104%;
    background-position-y: 120%;
    background-size: 17px;
    color: rgb(0, 170, 144);
}
.type-list ul li.active {
    background-position-y: 1%;
}
.type-list ul li:last-child {
    margin-right: 0;
    margin-left: 3.3%;
}
.type-list ul li:first-child {
    margin-right: 3.3%;
    margin-left: 0;
}
.seller-list li {
    height: 40px;
    line-height: 40px;
    padding-left: 17px;
    border-bottom: 1px solid rgb(240, 240, 240);
    color: rgb(100,100,100);
}
.area-name {
    display: block;
    padding-left: 17px;
    padding-right: 20px;
    line-height: 40px;
    box-shadow: 0 1px 2px rgb(240,240,240);
    overflow: hidden;
    color: rgb(100, 100, 100);
  /*  background-image: url("../images/slide-icon.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    background-size: 22px;*/
    margin-bottom: 1px;
}
.area-detail ul {
    overflow: hidden;
}
.area-detail li {
    height: 40px;
    line-height: 40px;
    display: none;
    box-shadow: 0 1px 2px rgb(240,240,240);
    color: rgb(150,150,150);
    background-color: rgb(251,251,251);
    margin-bottom: 1px;
    padding-left: 17px;
    padding-right: 20px;
}
.seller-list li.choose,.area-detail li.choose{
    background-origin: content-box;
    background-image: url("../images/area-chosed-icon.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 21px;
    padding-right: 20px;
}
a.choose {
    background-origin: content-box;
    background-image: url("../images/area-chosed-icon.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 21px;
    padding-right: 20px;
}

                                                            /*  user info */
/* user head */
.user-headImage {
    height: 70px;
    border: none;
    margin: auto;
    border-radius: 50%;
    display: block;
    margin: 0px auto;
}
.user-headImage-set {
    height: 60px;
    border: none;
    width: 60px;
    margin: auto;
    border-radius: 50%;
    margin: 5px 0px;
    float: left;
}
.user-name {
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}
.btn-message {
    display: block;
    width: 30px;
    height: 20px;
    position: relative;
    right: -76%;
    top: 20px;
    background-image: url("../images/message-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.btn-message:focus,.btn-message:hover {
}
.detail-part {
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(240, 240, 240);
}
.detail-head {
    padding-left: 17px;
    padding-right: 20px;
    overflow: hidden;
}
.bd-bot {
    border-bottom: 1px solid rgb(240, 240, 240);
}
.bg-img {
    background-image: url("../images/detail-icon.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 22px;
    background-origin: content-box;
}
.detail-head ul {
    overflow: hidden;
}
.detail-head ul li{
    height: 30px;
    line-height: 30px;
    width: 20%;
    float: left;
    margin: 0 5%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detail-head ul li:first-child {
    margin-left: 10%;
    margin-right: 5%;
}
.detail-head ul li:last-child {
    margin-left: 5%;
    margin-right: 10%;
}
.user-stuff-icon:after {
    content: '';
    display: block;
    width: 35%;
    height: 30px;
    float: left;
    background-image: url("../images/user-stuff-icon.png");
    background-origin: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 203px;
    overflow: hidden;
    white-space: nowrap;
}

.bgl:after {
    background-position: left;
}
.bgr:after {
    background-position: right;
}
/* user head  end*/
/*  user coupon */
/*  user coupon  left   */
.coupon-content {
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid rgb(240, 240, 240);
}
.coupon-content .coupon-left {
    float: left;
    height: 110px;
    width: 30%;
}
.coupon-content .coupon-left .seller-img {
    display: block;
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 50%;
}
/*  user coupon center  */
.coupon-content .coupon-detail {
    float: left;
    height: 110px;
    width: 52%;
    padding: 10px 0;
}
.coupon-content .coupon-method {
    float: left;
    height: 110px;
    width: 18%;
    padding: 10px 0 4px 0;
    padding-right: 20px;
    transition: all;
}
.seller-name {
    display: inline-block;
    font-size: 16px;
    margin-top: 4px;
}
.seller-sale {
    display: inline-block;
    padding-left: 11px;
    font-size: 15px;
    color: rgb(243,152,0);
}
.seller-detail {
    display: block;
    float: left;
    width: 100%;
}
.seller-tag,.seller-dis,.coupon-time,.sale-time{
    font-size: 12px;
    padding-top: 4px;
    color: rgb(100,100,100);
}
/*  user coupon  right  */
.coupon-status,.coupon-operate {
    display: inline-block;
    float: right;
    text-align: right;
}
.coupon-status {
    font-size: 12px;
   /* color: rgb(168,216,185);*/
}
.coupon-release {
    color: rgb(168,216,185);
    cursor: pointer;
    padding: 5px 0 5px 5px;
}
.coupon-released {
    color: rgb(150,150,150);
    padding: 5px 0 5px 0;
}
.coupon-used,.coupon-gave {
    color: rgb(150,150,150);
    padding: 5px 0;
}
.coupon-operate {
    margin-top: 8px;
    color: rgb(16,175,151);
}
/* user message */
.message {
    height: 66px;
    padding: 10px 20px 10px 17px;
    border-bottom: 1px solid rgb(240, 240, 240);
    position: relative;
}
.message-title {
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black;
    width: 100%;
}
.edit {
    width: 90%;
}
.message-check {
    position: absolute;
    visibility: hidden;
    height: 45px;
    width: 10%;
    top: 10px;
    right: 5px;
    background-image: url("../images/user-message-check.png");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: -37px;
}
.checked {
    background-position-y: 13px;
}
.show {
    visibility: visible;
    top: 10px;
    right: 20px;
}
.message-time {
color: rgb(100,100,100)
}
/* set user info */
.bg-color-1 {
    background-color: rgb(240,240,240);
}
.bg-color-2  {
    background-color: #ffffff;
}
.detail-info {
    padding-left: 17px;
    padding-right: 20px;
    padding-top: 10px;
    font-size: 16px;
    position: relative;

}
.nick-name {
    outline: none;
    margin-left: 10px;
    border: none;
    padding: 5px 5px;
}
.main-part {
    margin-top: 5px;
}
.user-info-detail {
    padding-left: 17px;
    padding-right: 20px;
    line-height: 40px;
    box-shadow: 0 1px 2px rgb(240,240,240);
    overflow: hidden;
    color: rgb(100, 100, 100);
    background-image: url("../images/detail-icon.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    background-size: 22px;
    margin-bottom: 1px;
}

.code-part,.help-part,.help-part {
    margin-top: 5px;
}
.login-out {
    height: 40px;
    line-height: 40px;
    padding-left: 17px;
    padding-right: 20px;
    color: rgb(0,170,144);
}
/*     release coupon     */
.coupon {
    overflow: hidden;
}
.code-describe {
    float: left;
    display: block;
    width: 100%;
    padding-left: 17px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.code-count {
    color: rgb(0,170,144);
}
.modal-footer {
    border-top: none;
    padding: 0;
}
.sanFast-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #ffffff;
    width: 50%;
    float: left;
    color: rgb(0, 170, 144);
}
.sanFast-btn:hover,.sanFast-btn:focus {
    outline: none;
}
.coupon-dec-box {
    display: none;
}
.coupon-describe {
    display: block;
    height: 100px;
    width: 100%;
    border: none;
    margin-top: 5px;
    padding-left: 17px;
    padding-right: 20px;
    background: white;
    padding-top: 5px;
    font-size: 12px;
    color: rgb(150, 150, 150);
}
textarea.coupon-describe {
    display: none;
}
.coupon-btn-release {
    display: block;
    width: 100%;
    height: 50px;
    border: none;
    margin-top: 5px;
    background-color: rgb(251,251,251);
    word-spacing: 8px;
    color: rgb(0, 170, 144);
}

                                    /* user info end */
/* seller detail */
.seller-prefer {
    float: right;
    width: 8%;
    padding: 0 0;
    background-image: url("../images/seller-prefer.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    background-size: 20px;
}
.user-prefer {
    background-image: url("../images/user-prefer.png");
}
.seller-img {
    height: 70px;
}
.seller-prefer-count {
    display: inline-block;
    width: 100%;
    text-align: right;
    color: rgb(168,216,185);
    margin-top: 45px;
    font-size: 12px;
}
.sale-time-target {
    margin-left: 10px;
    background-color: rgb(168,216,185);
    padding: 0 5px;
    color: white;

}
.seller-box {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgb(240, 240, 240);
    background-color:rgb(251,251,251) ;
    color:rgb(100,100,100);
    background-image: url("../images/map-icon.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 15px;
    background-origin: content-box;
}
.seller-location {
    margin-bottom: 0;
    padding: 5px 0;
}
.seller-location .seller-location-detail {
    font-size: 14px;
    color: rgb(100,100,100);
}
.seller-phone {
    color: rgb(0,170,144);
}

.coupon-bottom {
    border-top: 1px solid rgb(240, 240, 240);
    background-color: rgb(251,251,251);
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgb(240, 240, 240);

}
.vertical-align {
    display: inline-block;
    height: 100%;
    width: 0;vertical-align: middle;
}
.coupon-count {
    color:rgb(168,216,185);
}
.coupon-list {
    float: left;
}
.coupon-list .coupon-detail {
    float: left;
    width: 52%;;
    padding: 10px 0;
}
.coupon-list .coupon-left {
    margin-right: 10px;
}
.coupon .coupon-detail {
    float: left;
    width: 52%;;
    padding: 10px 0;
}
.coupon .coupon-left {
    margin-right: 10px;
}
.coupon-list .coupon-left .coupon-img {
    height: 60px;
    width: 60px;
    margin: 10px auto;
}
.seller-coupon div {
}
.seller-coupon .coupon-detail {
    padding-top: 10px;
}
.seller-coupon-list {
    overflow: hidden;
}
.coupon-img {
    float: left;
    display: inline-block;
    height: 60px;
    margin: 10px 0;
    margin-right: 21px;
    margin-left: 17px;
}
.coupon-left,.coupon-mid {
    float: left;
}
.coupon-right {
    position: relative;
    float: right;
    height: 80px;
    width: 20%;
    padding-right: 20px;
}
.coupon-mid {
    height: 80px;
    padding: 10px 0;
    width: 49%;
}

.coupon-mid .coupon-time,.coupon-total {
    display: block;
    float: left;
    width: 100%;
    height: 50%;
    color: rgb(100,100,100);
    font-size: 12px;
}
.coupon-total {
    line-height: 30px;
}
.coupon-method {
    display: inline-block;
    float: right;
    font-size: 16px;
    color: rgb(0,170,144);
}
.coupon-bottom {
    float: left;
}
.coupon-bottom .coupon-tips {
    font-size: 12px;
    color: rgb(100,100,100);
}
.hi {
    display: none;
}

/* 载入画面样式 */
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1000;
}
.loading img {
    display: block;
    margin: 40% auto;
}
/* 用户界面载入coupon样式 */
.load-more img {
    display: block;
    margin: 10px auto;
    height: 20px;
}
#content-box .btn-submit {
    display: none;
}
.second,.third {
    display: none;
}
#head-image {
    display: none;
    width: 100%;
}
label.choose-img {
    margin-bottom: 0px;
}
/* 商家详情 */
.seller-content {
    visibility: hidden;
    float: left;
}
.seller-coupon-list {
    float: left;
}
.coupon-box {
    float: left;
}
.seller-coupon-list .coupon-left{
    height: 60px;
    background: rgb(168, 216, 185);
    color: white;
    width: 60px;
    margin: 10px 20px 10px 17px;
    text-align: center;
    border-radius: 50%;
    line-height: 60px;
    font-size: 23px ;
    letter-spacing: 2px;
}
.coupon .coupon-left {
    padding: 19.5px 0;
    height: 109px;
}
.coupon .coupon-left img {
    height: 70px;
    width: 70px;
    border-radius: 50px;
    margin-left: 17px;
}
/* 领取优惠券样式修改 */
.get {
    display: block;
    height: 100%;
    padding: 30px 0;
    margin-top: 0;
    text-align: right;
}

.view-coupon {
    font-size: 12px;
    padding-top: 14px;
    margin: 0;
}
.coupon-code {
    position: absolute;
    top: 48px;
    font-size: 10px;
    right: 18px;
}
.head-image-user {
    margin: 0;
    width: 100%;
}
.head-image-user strong {
    float: right;
    padding: 25px 0;
    color: rgb(0,170,144);
}
.user-default {
    padding-right: 15px;
    overflow: hidden;
    padding-top: 5px;
}
.user-default img {
    width: 100%;
    padding: 0 5px 5px 0;
}
.user-default ul li {
    float: left;
    width: 25%;
}
/* tips */
.no-nn {
    position: absolute;
    transition: all;
    color: red;
    font-size: 10px;
    right: 26px;
    top: 14px;
}
/* 动画效果 */
@keyframes noLogin {
    0% {margin-top: 164px;}
    10% {margin-top: 154px;}
    20% {margin-top: 164px;}
    30% {margin-top: 154px;}
    40% {margin-top: 164px;}
    50% {margin-top: 154px;}
    60% {margin-top: 164px;}
    70% {margin-top: 154px;}
    80% {margin-top: 164px;}
    90% {margin-top: 154px;}
}
.animate {
    -webkit-animation: noLogin 0.5s;
    -o-animation: noLogin 0.5s;
    animation: noLogin 0.5s;
}
/* 二维码 */
#code {
    width: 150px;
    margin: auto;
}
.row{
    margin-right: -10px;
    margin-left: -10px;
}
#shadow {
    height: 100vh;
    background-color: gray;
    display: none;
}
#shadow .container {
    width: 180px;
    padding-top: 100px;
}
#shadow .content-wrap .container {
    width: 300px;
    margin-top: 50px;
}
.content-wrap h1 {
    text-align: center;
    color: #f5f5f5;
}
.code-content {
    background: white;
    padding: 10px 0;
}

/*-------------------------     截图样式    ----------------------------------*/
@charset "utf-8";
.container {
    width: 400px;
    margin: 40px auto 0 auto;
    position: relative;
    font-family: 微软雅黑;
    font-size: 12px;
}
.container p {
    line-height: 12px;
    line-height: 0px;
    height: 0px;
    margin: 10px;
    color: #bbb
}
.action {
    width: 400px;
    height: 30px;
    margin: 10px 0;
}
.cropped {
    position: absolute;
    right: -230px;
    top: 0;
    width: 200px;
    border: 1px #ddd solid;
    height: 460px;
    padding: 4px;
    box-shadow: 0px 0px 12px #ddd;
    text-align: center;
}
.imageBox {
    position: relative;
    height: 400px;
    width: 400px;
    border: 1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
    box-shadow: 4px 4px 12px #B0B0B0;
}
.imageBox .thumbBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}
.imageBox .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
}
.Btnsty_peyton{ float: right;
    width: 66px;
    display: inline-block;
    margin-bottom: 10px;
    height: 57px;
    line-height: 57px;
    font-size: 20px;
    color: #FFFFFF;
    margin:0px 2px;
    background-color: #f38e81;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0px 0px 5px #B0B0B0;
    border: 0px #fff solid;}
/*选择文件上传*/
.new-contentarea {
    width: 165px;
    overflow:hidden;
    margin: 0 auto;
    position:relative;float:left;
}
.new-contentarea label {
    width:100%;
    height:100%;
    display:block;
}
.new-contentarea input[type=file] {
    width:188px;
    height:60px;
    background:#333;
    margin: 0 auto;
    position:absolute;
    right:50%;
    margin-right:-94px;
    top:0;
    right/*\**/:0px\9;
    margin-right/*\**/:0px\9;
    width/*\**/:10px\9;
    opacity:0;
    filter:alpha(opacity=0);
    z-index:2;
}
a.upload-img{
    width:165px;
    display: inline-block;
    margin-bottom: 10px;
    height:57px;
    line-height: 57px;
    font-size: 20px;
    color: #FFFFFF;
    background-color: #f38e81;
    border-radius: 3px;
    text-decoration:none;
    cursor:pointer;
    border: 0px #fff solid;
    box-shadow: 0px 0px 5px #B0B0B0;
}
a.upload-img:hover{
    background-color: #ec7e70;
}

.tc{text-align:center;}
